@import "../../../static/sass/thom_c_size.scss";
$ts : 2px 0px 2px #525252;
.baike_wrapper{
  min-height: 100%;
  background-color:#eeeeee ;
  width: 100%;
}

.banner{
  display: block;
  width: tovw(728);
  height: tovw(293);
  border-radius: 2vw;
}
.banner_wrapper{
  margin:  tovw(10) auto 0;
  position: relative;
  border-radius: 2vw;
  .zhuanti{
    position: absolute;
    background-color: #a9a9a9;
    top:tovw(22);
    left:tovw(34);
  }
  .baike_header{
    color:#fff;
    font-size: tovw(30);
    position: absolute;
    top:tovw(22);
    left:50%;
    transform:translate(-50%);
    text-shadow:$ts;
  }
  .know_more{
    position: absolute;
    bottom:tovw(10);
    right: tovw(14);
    font-size: tovw(28);
    color:#fff;
    text-shadow:$ts;
  }
  .guanzhu{
    position: absolute;
    background-color: #f06779;
    top:tovw(22);
    right:tovw(34);
  }
  .base_btn_b{
    width: tovw(94);
    height: tovw(40);
    line-height: tovw(40);
    text-align: center;
    border-radius: 2vw;
    font-size: tovw(28);
    color: #fff;
  }
}

.baike_select_list{
  position: relative;
  width: tovw(688);
  height: tovw(68);
  line-height: tovw(68);
  li{
    padding-right: tovw(68);
    color:#898989;
    font-size: tovw(25);
  }
  .all_list{
    position: absolute;
    top:0;
    left:0;
    width:tovw(688);
    border-radius: 2vw;
    box-shadow: 2px 2px 6px #525252;
    background-color: #ffffff;
    li{
      padding-right: tovw(68);
      color:#898989;
      font-size: tovw(25);
    }
  }
}

.baike_box_header{
  background-color: #d2d2d2;
  margin-bottom: tovw(16);
  .user_img_bk{
    width: tovw(73);
    height: tovw(73);
    border-radius: 2vw;
    float: left;
    margin-left: tovw(28);
    margin-right: tovw(15);
  }
  .wrap_img_list{
    float: left;
    img{
      display: block;
      width: tovw(158);
      height: tovw(158);
      margin-left:tovw(8);
    }
  }
  .play_voice{
    width: tovw(440);
    height: tovw(68);
    line-height: tovw(68);

  }
}
.baike_box_header_bwewr{
  margin-top: tovw(20);
  margin-bottom: tovw(8);
  >div{
    &:nth-child(1){
      margin-left: tovw(355);
    }
    &:nth-child(2){
      margin-left: tovw(45);
    }
    &:nth-child(3){
      margin-left: tovw(40);
    }
    float: left;
    img{
      width: tovw(27);
      margin-right: tovw(14);
    }
    span{
     width:tovw(20);
      color:#fff
    }
  }
}

.baike_pinglun{
  width: 100%;
  .cover_baike_pinglun{
    width:tovw(550);
    height: tovw(58);
    line-height: tovw(58);
    font-size: tovw(20);
    color:#424242;
  }
  .little_cover_baike_pinlu{
    img{
      width: tovw(47);
      height: tovw(47);
      border-radius: 50%;
      border: 1px solid #945836;
    }
    span{
      width: tovw(489);
      line-height: tovw(38);
    }
  }
}
.last_show_more{
  width: 100%;
  height: tovw(43);
  line-height: tovw(43);
  text-align: center;
}
